import { useState } from "react";

export function loadable(obj) {//{loader,loading}
  let { loader, loading: Loading } = obj;
  let Com;
  return function Temp(props) {
    //  router渲染的就是这个组件了
    let [flag, setF] = useState(false)
    if (!flag) {
      loader().then(data => {
        // data.default 对应的就是加载过来的组件
        Com = data.default
        setF(true)
      })

    }

    return <>
      {flag ? <Com {...props} /> : <Loading />}
    </>
  }
}